<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Always Include start -->
<link rel="shortcut icon" href="favicon.ico" />
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/esCore.css" rel="stylesheet" />
<link type="text/css" href="css/jq/es.jqui1.8.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jq/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jq/es.jqui1.8.min.js" ></script>
<script type="text/javascript" src="js/jq/jquery.corner.js"></script>
<script type="text/javascript" src="js/jq/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/esCore.js"></script>
<!-- Always Include ends -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Internal Error Page</title>
<script>
	$(document).ready(function(){
		$('#openfeedback').click(function(){
			$('#feedbackform').slideDown();
			return false;
		});
	});
</script>
</head>

<body>
	<div class="es-outerWrapper">
		<div class="es-topRibbon">
        </div>        
        <div class="es-innerWrapper">    
            <!-- Header -->
            <div class="es-header">
            	<!-- top menu -->
            	<div class="es-menuBar">
                	<img src="images/icons/es50.gif"  alt="EduCreek" style="float:left;position:absolute;" />
                    <div  style="padding-top:5px;">
                        <ul class="es-horMenu" style="float:right;"><li><a href="#" wicket:id="loginLink"><span wicket:id="loginTxt">Login</span></a></li></ul>
                    </div>
                </div>
            </div>
            <!-- Body -->
            <div class="es-bodyWrapper">
            	<!-- Banner -->
                <div style="background-color:#FFCC00; margin-top:50px;" class="es-softCornerTR es-softCornerBL clearfix">
                    <div style="float:left; margin:10px 10px 0px; padding-bottom:3px;">
                    	<h1 style="padding-bottom:5px">We're sorry, something went wrong!</h1>
                    </div>
                </div>
                
                <!-- Main Content Start-->
                <div style="width:600px; color:#666; font-size:16px; margin:20px;" class="es-text">
                	<p>Looks like the application behaved erratically. We're sorry for the inconvenience. At Muton, we are committed to provide good software and we are constantly improving.</p>
                    <p><a id="openfeedback" href="#">Help us improve. Click here.</a></p>
                    <p>Team Muton</p>
                </div>
                <div wicket:id="feedbackform" style="display:none;">Feedback form goes here!</div>
                <!-- Main Content End-->
            	<!-- All Derived Pages Go Here: End -->            	
            </div>
            <!-- Footer -->
            <div class="es-footer" style="padding-bottom:25px;">    
            </div>
        </div>
        <div class="es-bottomRibbon">
        	<div class="es-bottomInfo"><div wicket:id="footerLinks" style="float:left">Footer Links goes here!</div>
        </div>
    </div>
    </div>
</body>
</html>
